﻿@page
@{ Layout = "_LayoutHome"; }

@section Styles{
  <style>
        .el-descriptions-item__label.is-bordered-label {
            width: 180px;
        }
  </style>
}

<el-card>
    <el-card shadow="hover" :style="{ height: ($(window).height()-63) + 'px' }">
        <div class="mb-2 d-flex justify-content-start align-items-center">
            <el-avatar icon="el-icon-user-solid" :src="user.avatarUrl || DEFAULT_AVATAR_URL"></el-avatar>
            <div class="ms-2">
                <span>个人信息</span>
            </div>
        </div>
        <div>
            <el-descriptions title="" border column="1">
                <el-descriptions-item label="账 号">{{ user.userName }}</el-descriptions-item>
                <el-descriptions-item label="姓 名">{{ user.displayName }}</el-descriptions-item>
                <el-descriptions-item label="组 织">{{ user.organNames }}</el-descriptions-item>
                <el-descriptions-item label="手 机">{{ user.mobile }}</el-descriptions-item>
                <el-descriptions-item label="邮 箱">{{ user.email }}</el-descriptions-item>
                <el-descriptions-item label="上次登录时间">{{ user.lastActivityDate }}</el-descriptions-item>
                <el-descriptions-item label="登录次数">{{ user.countOfLogin }}</el-descriptions-item>
            </el-descriptions>
        </div>
        <div class="mt-3">
            <el-button type="primary" plain icon="el-icon-back" v-on:click="btnTopMenuClick('index')">返 回</el-button>
        </div>
    </el-card>
</el-card>
@section Scripts{
<script src="/sitefiles/assets/js/home/profileView.js" type="text/javascript"></script> }